﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>图片缩放预览</title>
    <link href="Scripts/EasyZoom/easyzoom.css" rel="stylesheet" />
-
    <script src="Scripts/jquery-1.8.2.min.js"></script>
    <script src="Scripts/EasyZoom/easyzoom.js"></script>
    <script>
        $(function () {

            // Instantiate EasyZoom plugin
            var $easyzoom = $('.easyzoom').easyZoom();
            // Get the instance API
            var api = $easyzoom.data('easyZoom');

        });
    
    </script>
    
</head>
<body>
    <h1>这是一个图片缩放的演示</h1>
    <div class="easyzoom easyzoom--overlay">
        <a href="images/jcropDemo.jpg">
            <img src="Images/jcropDemo_s.jpg" />
        </a>
    </div>
    <hr/>
  
    <div class="easyzoom easyzoom--adjacent">
        <a href="images/jcropDemo.jpg">
            <img src="Images/jcropDemo_s.jpg" />
        </a>
    </div>

    
</body>
</html>
